<template>
    <div id="app">
        hello mystyle
    </div>
</template>

<style lang="less" scoped>
// scoped 样式作用域
.border{
  border-left: 1px solid #000;
  border-right: 2px solid #f00;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: red;
  margin-top: 60px;
  .logo{
    .border();
    img{
      width: 200px;
    }
  }
}
</style>

